<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0,user-scalable=no" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="__STATIC__/mobile/css/common.css" />
    <link rel="stylesheet" href="__STATIC__/mobile/css/about_us.css" />
    <link rel="stylesheet" href="__STATIC__/mobile/css/contact.css" />

    <title>{$pcate.name ?: '未名研学'}</title>
</head>

<body>
    <div class="about_us">
        <!--left navigation-->
        <div class="left_navigation">
            <ul>
                {foreach $catelist as $cv}
                {if $cv.id==$cur.id}
                <li class="on">
                    <a href="javascript:;">{$cv.name ?: ''}</a>
                </li>
                {else}
                {php}$cvid = $cv['id'];$pcid = $pcate['id'];$url = url("/item/$pcid-$cvid"){/php}
                <li>
                    <a href='javascript:location.replace("{$url}");'>{$cv.name ?: ''}</a>
                </li>
                {/if}
                {/foreach}


            </ul>
            <!--折叠按钮-->
            <div class="fold">
                <img src="__STATIC__/mobile/img/fold_show.png" alt="" id="show" />
                <img src="__STATIC__/mobile/img/fold.png" alt="" id="hide">
            </div>
        </div>
        <div class="about_box">
            <!--加盟要求-->
            <div class="about_list">
                <div class="attract_content attract_img" style="margin-top: 0.3rem">
                    {$content.content|raw|default=''}
                </div>

            </div>
            <!--加入方式-->
            <!--<div class="about_list">
                <div class="about_title">
                    <h6>加入方式</h6>
                    <img src="img/icon-red-dotted.png" alt="" />
                </div>
                <ul class="campsite_list">
                    <li>
                        <div class="left">
                            <i>1</i>
                        </div>
                        <div class="right">
                            <p>第一步：咨询确定合作方式。请通过线上咨询、电话咨询、邮件咨询等任何可以联系到我们的方式，告诉我们您的合作意向，确定合作方式。</p>
                        </div>
                    </li>
                    <li>
                        <div class="left">
                            <i>2</i>
                        </div>
                        <div class="right">
                            <p>第二步：提交申请材料。填写《博大乐航合作申请表》，并提交相关单位资料，以电子版（邮件）或纸质版（邮寄）的方式发送给我们。</p>
                        </div>
                    </li>
                    <li>
                        <div class="left">
                            <i>3</i>
                        </div>
                        <div class="right">
                            <p>第三步：资料审核。我们将组织专家，依照博大乐航合作单位的审核标准对您提交的资料进行审核。</p>
                        </div>
                    </li>
                    <li>
                        <div class="left">
                            <i>4</i>
                        </div>
                        <div class="right">
                            <p>第四步：实地审核。如果资料审核通过，我们将组织专家，对贵单位是否符合博大乐航合作单位的标准进行实地审核。</p>
                        </div>
                    </li>
                    <li>
                        <div class="left">
                            <i>5</i>
                        </div>
                        <div class="right">
                            <p>第五步：签署合作协议。如果通过实地审核，双方签署战略合作协议。</p>
                        </div>
                    </li>
                    <li>
                        <div class="left">
                            <i>6</i>
                        </div>
                        <div class="right">
                            <p>第六步：优先安排研学行程。对于博大乐航战略合作单位，我们将在所有业务板块的课程安排中优先考虑与您合作。</p>
                        </div>
                    </li>
                </ul>
            </div>-->
        </div>

    </div>

    <script src="__STATIC__/mobile/js/rem.js"></script>
    <script src="__STATIC__/mobile/js/jquery-3.3.1.min.js"></script>
    <script>
        $('#show').on('click', function() {
            $('.left_navigation').addClass('hide')
            $('#hide').addClass('show')
        })
        $('#hide').on('click', function() {
                $('.left_navigation').removeClass('hide')
                $('#hide').removeClass('show')
        })
        $('.left_navigation ul li.on').on('click', function() {
            $('.about_box').stop(true).animate({
                'scrollTop': 0
            })
        })
    </script>
</body>

</html>